@import "../../_common/commonfunc"


.boxer
  background: #fff
  // overflow: initial  
.demo-body
  position: relative
  // z-index -1
  height: auto
  image
    margin: $space-default 0
    width: 100%
    // height: auto
  swiper-item
    height: auto!important
    position: relative!important
    transform: initial!important;
  // .p
  //   margin-bottom: 10rpx

.ss-banner-dot
  bottom: 60rpx

.ss-detail
  position: relative
  z-index 1
  padding-bottom: calc(110rpx + env(safe-area-inset-bottom));
  &.primary
    .item-head
      border-radius: 30rpx 30rpx 0 0
      background: #fff
      margin-top: -30rpx
      position: relative
      z-index 2
  >.ui-list
    >.list-header
      display: contents
  .demo-body
    line-height: 48rpx

  
.abc
  position: relative
  display: block
  z-index: 1

// .title-default
//   padding-top: 100rpx
.detail-body-item
  // display: none
  &.active
    display: block
//   padding: 30rpx
  .title-default
    padding-top: 58rpx
    &.xx
      padding-top: 0
  .small-emotion
    width: auto
    height: auto
  // image
  //   &:not(.small-emotion)
  //     margin: 0 auto
  .hdot-item, .item, .item.p
    &:empty
      display: none
.list-tabs
  font-size: 30rpx
  &.fixed
    position: fixed;
    display: var(--show, none);
    top: 60px;
    z-index: 111;
// .xxx
//   position: sticky
//   top: 0

//使得sticky生效
// .list-header
//   >view
//     display: inline


// .xxx-body
//   display: block